<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/stark_style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/alert_style.css">
    <link rel="stylesheet" href="css/wlc.css">

    <!--基本模块-->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-route/angular-route.min.js"></script>
    <script src="js/alertFunction/alertFunction.js"></script>
    <script src="bower_components/angular-md5/angular-md5.min.js"></script>

    <!--前端路由-->
    <script src="js/config.js"></script>
    <script src="js/common.controller.js"></script>
    <script src="js/index.controller.js"></script>
    <script src="js/regist.controller.js"></script>
    <script src="js/foodCart.controller.js"></script>
    <script src="js/order.controller.js"></script>
    <script src="js/personal.controller.js"></script>
    <script src="js/complaint.controller.js"></script>
    <script src="js/router.js"></script>
    <script src="js/application.js"></script>


    <!--自定义模块等-->
    <script src="js/jquery.ratyli.min.js"></script>
    <script src="js/jquery.fly.min.js"></script>
    <script src="js/validator.js"></script>


</head>
<body ng-app="mainApp" ng-controller="commonController">
<header>
    <div class="header-div" id="top" >
        <div class="mid-header clearfix">
            <a href="#/" class="logo-font">Delicious</a>
            <span class="header-right-box">
            <!-- session判断 -->
            <div ng-if="isLogin()">
                <span class="wlc-font">Welcome, {{uname}}</span>
                <span> | </span>
                <div class="dropdown header-link-box" style="display:inline;">
                    <button href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">用户中心 <span class="caret"></span></button>
                    <ul class="dropdown-menu" style="background-color: #fffff0;margin-top: 16px;">
                        <li>
                            <a href="#/order">
                                我的订单
                            </a>
                        </li>
                        <li>
                            <a href="#/complaint">
                                已投诉订单
                            </a>
                        </li>
                        <li role="separator" class="divider"></li>
                        <li>
                            <a href="#/personal">
                                修改个人信息
                            </a>
                        </li>
                    </ul>
                </div>
                <a href="javascript:void(0);" class="header-link-box">
                    <button type="button" ng-click="logout()">退出</button>
                </a>
        </div>

            <div ng-if="!isLogin()">
                <a href="#/regist" class="header-link-box">
                <button type="button">注册</button>
                </a>

                <span> | </span>
                <a href="javascript:void(0);" class="header-link-box" data-toggle="modal" data-target="#SignInModal">
                <button type="button">登录</button>
                </a>
            </div>
            </span>
        </div>
    </div>
</header>

<div ng-view></div>

<a ng-click="gotoTop()">
    <!--<div ng-class="{'top-box':!b_uniform,'right-top-box':b_uniform}">-->
    <div ng-class="{true: 'top-box', false: 'right-top-box'}[b_uniform]">
        <span class="glyphicon glyphicon-chevron-up back-icon"></span>
    </div>
</a>

<!-- 登录模态框 -->
<div class="modal fade" id="SignInModal" tabindex="-1" role="dialog" aria-labelledby="title">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header gold-bg">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="title">Sign in</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <form >
                                        <div class="form-group">
                                            <label for="usr">Telephone</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-user"></span> </span>
                                                <input type="text" class="form-control" name="username" id="usr"
                                                       ng-model="username" placeholder="Telephone" autofocus>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="pwd">Password</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-lock"></span> </span>
                                                <input type="password" class="form-control" name="password" id="pwd"
                                                       ng-model="password" placeholder="password">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-common btn-block" type="button" ng-click="login()" data-dismiss="modal">Sign in</button>
                <button class="btn btn-default btn-block" type="button" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="page-footer">
        <div class="mid-nav" style="background-color: #f5f5f5;">
            <div class="row">
                <div class="col-md-2">
                    <div class="title">用户帮助</div>
                    <ul>
                        <li>常见问题</li>
                        <li>用户反馈</li>
                        <li>诚信举报</li>
                        <li>线上体验店</li>
                    </ul>
                </div>
                <div class="col-md-2">
                    <div class="title">获取更新</div>
                    <ul>
                        <li>iPhone/Android</li>
                        <li>Delicious新浪微博</li>
                        <li>公众微信号：Delicious</li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <div class="title">商务合作</div>
                    <ul>
                        <li>我要开店</li>
                        <li>配送合作申请入口</li>
                        <li>城市代理商申请入口</li>
                        <li>零售招商合作加盟入口</li>
                    </ul>
                </div>
                <div class="col-md-2">
                    <div class="title">公司信息</div>
                    <ul>
                        <li>关于我们</li>
                        <li>媒体报道</li>
                        <li>加入我们</li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <span href="javascript:void(0)" class="logo-font">Delicious</span>

                    <div class="details">
                        <p class="w1">客服电话</p>

                        <p class="w2">10109777</p>

                        <p class="w3">周一到周日 9:00-23:00</p>

                        <p class="w3">客服不受理商务合作</p>
                    </div>
                </div>
            </div>
            <div style="text-align: center;margin: 15px;">
                <p>©2015 Delicious.com 京ICP证070791号 京公网安备11010502025545号</p>
            </div>
        </div>
    </div>
</footer>

<!--&lt;!&ndash;基本模块&ndash;&gt;-->
<!--<script src="js/jquery.min.js"></script>-->
<!--<script src="js/bootstrap.min.js"></script>-->
<!--<script src="bower_components/angular/angular.min.js"></script>-->
<!--<script src="bower_components/angular-route/angular-route.min.js"></script>-->
<!--<script src="js/alertFunction/alertFunction.js"></script>-->

<!--&lt;!&ndash;前端路由&ndash;&gt;-->
<!--<script src="js/config.js"></script>-->
<!--<script src="js/common.controller.js"></script>-->
<!--<script src="js/index.controller.js"></script>-->
<!--<script src="js/regist.controller.js"></script>-->
<!--<script src="js/foodCart.controller.js"></script>-->
<!--<script src="js/order.controller.js"></script>-->
<!--<script src="js/personal.controller.js"></script>-->
<!--<script src="js/complaint.controller.js"></script>-->
<!--<script src="js/router.js"></script>-->
<!--<script src="js/application.js"></script>-->


<!--&lt;!&ndash;自定义模块等&ndash;&gt;-->
<!--<script src="js/jquery.ratyli.min.js"></script>-->
<!--<script src="js/jquery.fly.min.js"></script>-->
<!--<script src="js/validator.js"></script>-->
</body>
</html>

